<template>
	<view class="content">
		<view class="status_bar"></view>
		<Head :webtext="webtext"></Head>
		<view class="body">
			<ul class="personal-box-3">
				<li @click=navto(url1)>
					<img src="../../static/static/passicon1.png" height="16" />
					<view class="logoText">登录密码</view>
				</li>
				<li class="last" @click=navto(url2)>
					<img src="../../static/static/passicon2.png" height="16" />
					<view class="logoText">资金密码</view>
				</li>
			</ul>
		</view>
	</view>
</template>

<script>
import Head from '../../components/head.vue';
export default {
	components: {
		Head
	},
	data() {
		return {
			webtext: '密码管理',
			url1:'/pages/mine/loginPass',
			url2:'/pages/mine/moneyPass',
		};
	},
	methods:{
		navto(url){
			uni.navigateTo({
				url:url
			})
		}
	}
};
</script>

<style lang="scss" scoped>
.personal-box-3 {
	width: 100%;
	padding: 0;
	border-radius: 0 0 24upx 24upx;
	li {
		padding: 14upx 30upx;
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: center;
		flex-direction: row;
		background: #31395e;
		border-bottom: 4upx solid #293256;
		position: relative;
		&::after {
			content: '';
			position: absolute;
			right: 20upx;
			top: calc(50% - 16upx);
			background: url(../../static/direct-right1.png) no-repeat center;
			width: 32upx;
			height: 32upx;
			background-size: contain;
		}
	}
}
.logoText {
	color: #fff;
	font-size: 14px;
	margin-left: 10px;
}
</style>
